<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="shopCart.css" type="text/css" media="all" />
</head>
<body>
  
<!-- 1.工具栏-->
		<div id="toolbar">
			<div id ="div_1">
				<!-- 欢迎语-->
				<div id="d1_welcom">
					<span >欢迎来第五元素购物商城!</span>
				</div>
				<!-- 功能按钮-->
				<div id="d1_login">
					<ul>
						<li>
							<a href="login.html">[登录]</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="register.html">[免费注册]</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="">我的订单</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="">购物车0件</a>
						</li>
					</ul>
				</div>

			</div>

		</div>

		<!-- 2.图片 -->
		<div id="div_2">

			<img src = "images/img.gif" alt="" />

		</div>

		<!--3. logo-->
		<div id="div_3">
			<div id="d3_logo">
				<img src = "images/logo.jpg" alt="" />
			</div>

			<div id="d3_find">
				<ul id="d3_ul1">
					<li>
						<input type="text" name="输入" >
					</li>
					<li>
						<a href="">搜索</a>
					</li>
				</ul>
				<ul id="d3_ul2">
				    <li>
				        <a href="">热门搜索:</a>
				    </li>
					<li>
						<a href="">电脑数码</a>
					</li>
					<li>
						<a href="">家电通讯</a>
					</li>
					<li>
						<a href="">丽人专区</a>
					</li>
					<li>
						<a href="">名仕专区</a>
					</li>
					<li>
						<a href="">生活专区</a>
					</li>
					<li>
						<a href="">图书音像</a>
					</li>
					<li id="d3_ul2_img">
					    <img src="images/gouwuche.png" alt=""></img>
					</li>
					<li id="d3_ul2_li">
					    <a href="">去购物车结算</a>
					</li>

				</ul>
			</div>

		</div>

		<!--4.导航-->
		<div id="div_4">
			<div id="d4_ng">
				<ul>
					<li>
						<a href="">全部商品分类</a>
					</li>
					<li>
						<a href="Index.html">首页</a>
					</li>
					<li>
						<a href="">论坛</a>
					</li>
					<li>
						<a href="">留言板</a>
					</li>
					<li>
						<a href="">团购</a>
					</li>
					<li>
						<a href="">在线游戏</a>
					</li>
				</ul>
			</div>
		</div>
<!--5.中间代码部分-->
		<div id="center">
		    <!--5.1中间部分的导航-->
			<div id="d5_top">
			    <p id="d5_top_text">首页购物车列表</p>
			</div>
			<!--5.2中间部分的显示部分-->
			<div id="d5_center">
			    <!--5.2.1中间显示部分的左边模块-->
			    <div  id="d5_center_left">
			       <!--5.2.1.1中间显示部分的左边模块顶部-->
			       <div id="d5_center_left_top">
			           <p>商品信息</p>
			       </div>
			       <!--5.2.1.2中间显示部分的左边模块中部-->
			       <div id="d5_center_left_center">
			          <div id="d5_center_left_center_img">
			              
			          </div>
			          <div id="d5_center_left_center_show">
			              <div id="d5_center_left_center_show_name"><span >商品名称：${商品名称}</span></div><br/>
			              <div id="d5_center_left_center_show_price"><span >评价评分：${商品评分}</span></div><br/>
			              <div id="d5_center_left_center_show_number"><span >评价人数：${商品评价人数}</span></div><br/>
			          </div>
			       </div>
			       <!--5.2.1.3中间显示部分的左边模块底部-->
			       <div id="d5_center_left_bottom">
			           <input type="button" id="d5_center_left_bottom_button" value="加入购物车"/>
			       </div>
			    </div>
			    <!--5.2.2中间显示部分的右边模块-->
			    <div  id="d5_center_right">
			        <!--5.2.2.1中间显示部分的左边模块顶部-->
			        <div id="d5_center_right_top">
			           <label style="color:red">发表评价</label>                  
			        </div>
			        <!--5.2.2.2中间显示部分的左边模块中部-->
			        <div id="d5_center_right_center">
			           <label>评价</label><br/>
			           <input type="radio" />
			           <img alt="" src="images/start5.png">（5分）</img>   
			           <input type="radio" />
			           <img alt="" src="images/start4.png">（4分）</img>      
			           <input type="radio" />
			           <img alt="" src="images/start3.png">（3分）</img> 
			           <input type="radio" />
			           <img alt="" src="images/start2.png">（2分）</img>    
			           <input type="radio" />
			           <img alt="" src="images/start1.png">（1分）</img>       
			                       
			        </div>
			        <!--5.2.2.3中间显示部分的左边模块底部-->
			        <div id="d5_center_right_bottom">
			            <div id="d5_center_right_bottom_text">
			                <span>${商品详细评价}</span>
			            </div>
			        </div>
			        <div id="d5_center_right_bottom_button">
			                <input type="submit" value="提交评价">
			                <input type="reset" value="取消">
			        </div>
			    </div>
			</div>
		</div>
<!--6.底部代码-->
		<div id="Footer">
			<p>第五元素制作</p>
    		<p>制作交流QQ群:259772627</p>
		</div>

  
</body>
</html>